<div class="col-md-12 col-sm-12 col-xs-12" v-cloak id="indexController">
        <div class="x_panel">
            <div class="x_title">
                <h2 style="width:300px;">
                    角色列表
                    <small></small>
                </h2>
                <ul class="nav navbar-right panel_toolbox">
                    <li>
                        <a v-on:click="init()">
                            <i class="fa fa-refresh">
    
                            </i>
                        </a>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="x_content">
                <table class="table table-striped table-bordered" >
                    <thead>
                        <tr>
                            <th>编号</th>
                            <th>名称</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="(item,index) in list">
                            <td>{{index+1}}</td>
                            <td v-html="item.roleName"></td>
                            <td>
                                <button class="btn btn-primary" type="button" v-on:click='selectRole(item)'>选择</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <script page-script="./dist/js/TemplatePage/selectRolePage.js">
    </script>